body{
    background: #e9eaed;
}
.popbox {
  
 
  margin-top: 10px;
}
#main-menu{
	
	
}
#notification, #seachall, #custom{
    display: inline-block;
}


.anh{
    height: 70px;
    width:  70px;
    
}
.anhdaidien, .ten{
   display: inline-block;
}
.ten{
    padding-left: 4%;
}
.tinnhan{
    list-style: none;
    padding-bottom: 3%;
}
.request-friend{
   list-style: none;
    padding-bottom: 3%;
    border-bottom: 1px #CCC solid;
    margin-top: 3%;
    
}
.search-results{
    list-style: none;
   
}
.search-results:hover{
    background-color: #2d6ca2;
    
    
}
.notice-list:hover{
    background-color: #e9eaed;
    
}
.unli{
   width: auto;
    padding-left: 0;
     
}
.request-friend:last-child{
    border: none;
}
#tinnhan{
    width: auto;
    padding-left: 0;
    
}
#friend-request{
     width: auto;
    padding-left: 0;
}
#notice{
   width: auto;
    padding-left: 0; 
}
.anhdaidien2, .ten2, .thoigian{
    display: inline-block;
}
.anhnho{
    height: 50px;
    width:  50px;
    
}
.anhnho3{
    height: 75px;
    width:  75px;
}
.anhnho2{
    height: 50px;
    width:  50px;
    margin-left: 5%;
}
.anhdaidien2{
 
}
.ten2{
  padding-left: 3%;
 
}
.thoigian{
    float: right;
}
#aa{
    cursor:pointer;
    
}
#bb{
    cursor:pointer;
    background-color: wheat;
    
}
.center {
    width: 85% !important ;
    height: auto;
    margin: auto;
  
}
footer{
	background-color:#2A9FFF;
	
	
	 left:0; 
	  height: 70px; 
	  width:100%;
	 text-align:center; 
         
}
.goiy{
    height: 70px;
    width: 70px;
}
.notice{
	border-right:#CCC 1px solid;
	height: 50px !important;
	width: auto;
}
.notice:first-child{
	border-left:#CCC 1px solid;
}
div.popbox {
 width: 50px !important;
 
}
#edit-about, #edit-henho{
	cursor:pointer;
}

  .collapse-one { position:relative; }

 
  .notice-area{
	  width: 20px;
	  height: 20px;
  }
  .info-private{
      padding-top: 8px;
      padding-bottom: 8px;
       border-bottom: #CCC 1px solid;
       font-weight: 700;
  }
  .info-private:last-child{
      border: none;
  }

    .box {
      display:block;
      display:none;
      background:#FFF;
      border:solid 1px #BBBBBB;
      z-index: 99999;
      box-shadow:0px 0px 15px #999;
      position:absolute;
    }

      .box a.close {
       color:red;
       font-size:12px;
       font-family:arial;
       text-decoration:underline;
      }

      .arrow {
      	width: 0;
      	height: 0;
      	border-left: 11px solid transparent;
      	border-right: 11px solid transparent;
      	border-bottom: 11px solid #FFF;
      	position:absolute;
      	left:1px;
      	top:-10px;
      	z-index:1001;
      }

      .arrow-border {
      	width: 0;
      	height: 0;
      	border-left: 11px solid transparent;
      	border-right: 11px solid transparent;
      	border-bottom: 11px solid #BBBBBB;
      	position:absolute;
      	top:-12px;
      	z-index:1000;
      }
	  .popbox-content{
		 width: 400px;
		 
                 z-index: 9999;
	  }
          .popbox-data{
              height : 300px ;
              overflow: auto;
          }
	  .popbox-header{
		  border-bottom: 1px #553F55 inset;
                  margin-bottom: 10px;
                  height: 30px;
                  padding-top: 1%;
                  font-weight: bold;
	  }
	  .popbox-footer{
		  border-top:  1px #553F55 inset;
		  margin-top: 10px;
                  height: 40px;
                  padding-top: 2%;
                  font-weight: bold;
                  text-align: center;
	  }
	  
	  .one {
	
    

}
.one:hover {
   
    -webkit-transform: scale(1.3,1.3);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.3,1.3);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}
#search-here, #search-hide, .open{
    cursor:pointer;
}

#results{
    
    z-index: 9999;
    display: none;
    position:relative ;
     border-bottom: 1px solid #CCC;
     border-left: 1px solid #CCC;
     border-right:  1px solid #CCC;
     background-color: white;
}

.album{
    float: left;
    margin-left: 1%;
    height: auto;
    width: 180px;
    border: 1px #CCC ridge;
}
.img-album{
    
    height: 160px;
    width: 178px;
}
.album-first{
     float: left;
    text-align: center;
    font-size: 20px;
    height: 200px;
    width: 180px;
    border: 2px #CCC dashed;
}
.anhnho4{
    float: left;
    height: 85px;
    width: 84px;
    padding-right: 2%;
    padding-bottom: 2%;
}
.anh5{
    height: 350px;
    width: 450px;
}
.dating{
 border-bottom: 1px #DDDDDD solid;
 list-style: none;
 height: 130px;
 padding-top: 2%;
}
.short-text{
    width: 90%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
.anhnho6{
    height: 120px;
    width: 120px;
}
.cmt{
  height: auto;
  clear: both;
 list-style: none;
 
 
}

.notice-list{
     list-style: none;
    padding-bottom: 3%;
    border-bottom: 1px #CCC solid;
   
}
.anh-notice{
    float: left;
    width: 20%;
}
.ten-notice{
    float: left;
    
}

.listjoin{
  list-style: none;
    float: left;
    margin: 0;
    box-sizing: border-box;
    
    
}
#join-list{
    padding-left: 0;
    clear: both;
    padding-bottom: 2%;
    padding-top: 1%;
}
.list{
   padding-left: 0;
}
